<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j"
    template="/layout/template.xhtml">

<ui:define name="body">

    <h:form id="automovelForm">

        <rich:panel>
            <f:facet name="header">Gerar Relatórios</f:facet>
			
			<h:panelGrid columns="1" rendered="false">
				<s:decorate template="/layout/edit.xhtml">
					<ui:define name="label">Tipo de Relatório:</ui:define>
					<h:selectOneMenu value="#{relatoriosController.idRelatorioSelecionado}"
						required="true">
						<f:selectItems value="#{relatoriosController.listaTiposRelatorio}"/>
					</h:selectOneMenu>
				</s:decorate>
			</h:panelGrid>
			
			<h:panelGrid columns="2">
				<s:decorate template="/layout/edit.xhtml">
					<ui:define name="label">Período - Início:</ui:define>
					<rich:calendar value="#{relatoriosController.parametros.dataInicio}"
						datePattern="dd/MM/yyyy"
						enableManualInput="true"
						oninputkeydown="Mascara(this,Data)"
						oninputkeyup="Mascara(this,Data)"/>
				</s:decorate>
				
				<s:decorate template="/layout/edit.xhtml">
					<ui:define name="label">Período - Fim:</ui:define>
					<rich:calendar value="#{relatoriosController.parametros.dataFim}"
						datePattern="dd/MM/yyyy"
						enableManualInput="true"
						oninputkeydown="Mascara(this,Data)"
						oninputkeyup="Mascara(this,Data)"/>
				</s:decorate>
				
				<s:decorate template="/layout/edit.xhtml">
					<ui:define name="label">Cliente:</ui:define>
					<h:selectOneMenu value="#{relatoriosController.parametros.idCliente}"
						style="width: 200px;">
						<f:selectItems value="#{relatoriosController.listaClientes}"/>
					</h:selectOneMenu>
				</s:decorate>
				
				<s:decorate template="/layout/edit.xhtml">
					<ui:define name="label">Automóvel:</ui:define>
					<h:selectOneMenu value="#{relatoriosController.parametros.idAutomovel}"
						style="width: 200px;">
						<f:selectItems value="#{relatoriosController.listaAutomoveis}"/>
					</h:selectOneMenu>
				</s:decorate>
			</h:panelGrid>

	        <div class="actionButtons">
	            <h:commandButton id="novo" value="Consultar" action="#{relatoriosController.gerarRelatorio()}"/>
	        </div>
			<br/>
			<rich:dataTable value="#{relatoriosController.listaAlugueis}"
				var="_aluguel"
				rendered="#{relatoriosController.listaAlugueis.size() > 0}"
				id="tabelaResultado"
				onRowMouseOver="this.style.backgroundColor='#6495ED'"
       			onRowMouseOut="this.style.backgroundColor='#FFFFCC'"
				rows="10">
			
				<rich:column>
					<f:facet name="header">Nº Contrato</f:facet>
					<h:outputText value="#{_aluguel.idAluguel}" />
				</rich:column>
				
				<rich:column>
					<f:facet name="header">Cliente</f:facet>
					<h:outputText value="#{_aluguel.cliente.nome}" />
				</rich:column>
				
				<rich:column>
					<f:facet name="header">Automóvel</f:facet>
					<h:outputText value="#{_aluguel.automovel.marca} - #{_aluguel.automovel.modelo}" />
				</rich:column>
				
				<rich:column>
					<f:facet name="header">Data de Saída</f:facet>
					<h:outputText value="#{_aluguel.dataSaida}" >
						<s:convertDateTime pattern="dd/MM/yyyy"/>
					</h:outputText>
				</rich:column>
				
				<rich:column>
					<f:facet name="header">Data de Retorno</f:facet>
					<h:outputText value="#{_aluguel.dataRetorno}">
						<s:convertDateTime pattern="dd/MM/yyyy"/>
					</h:outputText>
				</rich:column>
				
				<rich:column>
					<f:facet name="header">Valor</f:facet>
					<h:outputText value="#{_aluguel.totalAluguelFormatado}" >
					</h:outputText>
				</rich:column>
			
			</rich:dataTable>
			<rich:datascroller for="tabelaResultado" renderIfSinglePage="false"/>
		
			<s:fragment rendered="#{relatoriosController.listaAlugueis.size() > 0}">
				<table>
					<tr>
						<td>
							<strong><h:outputText value="Total de aluguéis:" style="font-size: 17px;"/></strong>
						</td>
						<td>
							<h:outputText value="#{relatoriosController.listaAlugueis.size()}" style="font-size: 17px;"/>
						</td>
					</tr>
					
					<tr>
						<td>
							<strong><h:outputText value="Valor Total:" style="font-size: 17px;"/></strong>
						</td>
						<td>
							<h:outputText value="#{relatoriosController.recuperaValorTotalResultado()}" style="font-size: 17px;"/>
						</td>
					</tr>
				</table>
			</s:fragment>
			<br/>
			<div class="actionButtons">
	            <h:commandButton id="pdf" value="Imprimir PDF" action="#{relatoriosController.imprimirPdf()}"
	            	rendered="#{relatoriosController.listaAlugueis.size() > 0}"/>
	        </div>
		</rich:panel>
		
    </h:form>

 </ui:define>
</ui:composition>
